(function (jQuery) {
	$(function () {   
	    function getUrl(){
	        var param = location.search // ?id=1001    [id=1001]  [id,1001]
	        return param.split("=")[1];
	    }
	    var goodItem = null;
		$.ajax({ 
			url: '../../server/src/good_detail.php',
			data: {
				g_id: getUrl()
			}
		}).then(function (res) { 
			if (res.status==1) {
				goodItem = res.data;
				initData(res.data);
			}else{
				alert(res.msg);
			}
		})
		$("div.items").on('click', 'li', function(event) {
			$(this).addClass("active").siblings('li').removeClass('active');
			var src = $(this).find('img').prop('src');
			setImg(src);
		});
		function initData (obj) {
			setImg(obj.imglist[0]);
			for (var i = 0; i < obj.imglist.length; i++) {
				var src = obj.imglist[i];
				var Oli = `<li> <img src="${src}"> </li>`;
				var pimg = `<img class="lazy-loading" src="http://www.ugoshop.com/themes/ugo/images/2015/2015_public/grey.png" 
				data-original="${src}" alt="">`;
				$("div.items ul").append(Oli);
				$('div.pic').append(pimg);
			}
            $("div.items ul li:first").addClass("active"); 
            $("h1.title").text(obj.title); 
            $("span.navcon").text(obj.title); 
            $("div.description").text(obj.description); 
            $("span#rel_price").html(`<i>￥</i><span class="newprice">${obj.newprice}</span>`);
            $("span.oldprice").text(obj.price);
            var num = $("input#goodsNumberInput").val();
        	var price = numMulti(num,Number($("span.newprice").text()));
            $("span#ext_num").text(`数量：${num}`);
            $("span#ext_price").html(`<i>￥</i>${price} `);
            $("span.country-brand").html(`<a target="_blank" href="#">${obj.brand}</a>`);
            $("div.databrand").text(obj.brand);
            $("div.datatitle").text(obj.title);
            $("#ext_title").text(obj.title);
            $("div.datadescription").text(obj.description); 
		    $("img.lazy-loading").lazyload({effect: "slideDown"}); 
		}
		$("div.box").on('click', 'a#lessBtn', function(event) {
			var num = $("input#goodsNumberInput").val();
			if (num>1) {
				num--;
				if (num==1) {
					$("a#lessBtn").addClass("limit");
				}
				$("input#goodsNumberInput").val(num);
            	$("span#ext_num").text(`数量：${num}`);
        		var price = numMulti(num,Number($("span.newprice").text()));
           		 $("span#ext_price").html(`<i>￥</i>${price} `);
			} 
		});
		$("div.box").on('click', 'a#addBtn', function(event) {
			var num = $("input#goodsNumberInput").val();
			if (num==1) {
				$("a#lessBtn").removeClass("limit");
			}
			num++;
			$("input#goodsNumberInput").val(num);
        	$("span#ext_num").text(`数量：${num}`);
        	var price = numMulti(num,Number($("span.newprice").text()));
       		$("span#ext_price").html(`<i>￥</i>${price} `);
		});
		$("div.tab-select").on('click', 'a', function(event) {
			$(this).addClass('active').siblings('a').removeClass('active');
		});
		function numMulti(num1, num2) {
			var baseNum = 0;
			try {
				baseNum += num1.toString().split(".")[1].length;
			} catch (e) {
			}
			try {
				baseNum += num2.toString().split(".")[1].length;
			} catch (e) {
			}
			return Number(num1.toString().replace(".", "")) * Number(num2.toString().replace(".", "")) / Math.pow(10, baseNum);
		};
		function setImg(img) { 
			var imgstr = `<img id="addCartImg" 
					jqimg="${img}" 
					src="${img}">`
			$("span.jqzoom").children().remove();
			$("span.jqzoom").append($(imgstr));
		}
		$(window).scroll(function(event){ 
			var $ele = $("div.group div.related div:first"); 
			var top = $("div.group div.related").offset().top- $(window).scrollTop();
			if (top<=0) {
				$ele.addClass('fixed-bar');
				$("div.ext").css('display', 'block');
				$("div#details").css('marginTop','43px');
			}else{ 
				$ele.removeClass('fixed-bar');
				$("div.ext").css('display', 'none');
				$("div#details").css('marginTop','0px');
			}
	    });
	    $(".sh-shopping-cart").click(function () {
	    	var oBtnObj = $(this).offset(); 
	    	var src = $("#preview span.jqzoom img").prop('src');
	    	var oImg = $('<img></img>');
	    	oImg.prop({
	    		'src': src,
	    		'width': '45',
	    		'height': '45'
	    	});
	    	var oSpan = $("<span></span>");
	    	oSpan.css({
	    		'width': '45',
	    		'height': '45',
	    		'position': 'absolute',
	    		'zIndex': '999',
	    		'top': oBtnObj.top,
	    		'left': oBtnObj.left+80,
	    		'border': '2px solid #ccc' 
	    	})
	    	oSpan.append(oImg);
	    	oSpan.appendTo('body');
	    	var animateObj = $("#_AD_right_shoppingcart").offset();
	    	animateObj.width = 5;
	    	animateObj.height = 5;
	    	oSpan.animate(animateObj,800, function () {
	    		oSpan.remove();
	    		var newItem = {
	    			g_id: goodItem.g_id,
	    			title: goodItem.title,
	    			newprice: goodItem.newprice,
	    			price: goodItem.price,
	    			img: goodItem.imglist[0]
	    		} 
	    		resetShop(newItem);
	    	})
	    });
	})
})(jQuery)